/********************云租户首页****************/
.yzh-icon { background-image: url(../images/icon/yzh_icon.png?v=201511181152); background-repeat: no-repeat; background-position: 4999px 4999px; display: inline-block; vertical-align: middle; }
.tb-slide-box { width: 1030px; overflow: hidden; position: relative; height: 130px; }
.gzh-item { font-size: 14px; }
.gzh-ope-com .icon { border:1px dashed #999; padding: 10px; border-radius: 8px; background-color: #fff; float: left; }
.gzh-ope-com i { width: 43px; height: 32px; }
.gzh-ope-com p { font-size: 12px; color: #999; }
.gzh-ope-com { width: 480px; background: #f7f7f7; padding: 12px; margin-right:22px; }
.gzh-ope-com:last-child { margin-right:0; }
.add-gzh-icon { background-position: 0 0; }
.my-app-icon { background-position:7px -34px; }
.gzh-apps h3 { font-size: 16px; font-weight: bold; padding: 20px 0 10px; }
.gzh-apps h4 { font-size: 16px; font-weight: bold; padding: 25px 0 10px; border-bottom: 2px solid #ddd; }
.gzh-item { border: 1px solid #ddd }
.gzh-item h5 { height: 40px; margin: 0; padding: 0 10px 0 20px; line-height: 39px; border-bottom: 1px solid #ddd; }
.gzh-item h5 a { color: #333; }
.gzh-item h5 a.gzh-item-btn { float: left; height: 39px; margin-left: 20px; }
.gzh-deploy-btn i { width:26px; height: 20px; background-position: -2px -870px; }
.gzh-bind-btn i { width:20px; height: 20px; background-position: -2px -845px; }
.gzh-item h5 a.gzh-item-btn:hover, .gzh-item h5 a.gzh-item-btn.current { color: #ff7713; }
.gzh-item h5 a.gzh-bind-btn:hover i, .gzh-item h5 a.gzh-bind-btn.current i { background-position: -30px -845px; }
.gzh-item h5 a.gzh-deploy-btn:hover i, .gzh-item h5 a.gzh-deploy-btn.current i { background-position: -30px -870px; }
.gzh-item-more { position: relative; z-index: 5; }
a.gzh-item-more-btn { padding: 10px; }
a.gzh-item-more-btn i.yzh-more-icon { width: 20px; height: 5px; background-position: 0 -1480px; }
.gzh-item-side-down { display: none; position: absolute; background: #f2f2f2; border: 1px solid #e0e0e0; width: 59px; font-size: 12px; line-height: 28px; text-align: center; left: -10px; top:40px; }
.gzh-item-side-down i { width: 15px; height: 7px; background-position: 0 -1490px; position: absolute; top:-7px; left: 22px; }
.gzh-item-more:hover .gzh-item-side-down { display: block; }
.yzh-caro-slide { padding-top: 25px; float: left; }
.yzh-caro-slide li { float: left; margin: 0 auto; width: 120px; }
.yzh-caro-slide li a { text-align: center; display: block; color: #333; }
.yzh-caro-slide li a i { width: 61px; height: 61px; }
.yzh-app-txt { display: block; font-size: 14px; text-align: center; padding-top: 8px; }
.yzh-caro-box { border-bottom: 1px solid #eee; position: relative; overflow: hidden; height: 130px; padding:0 33px 0 33px; }
.gzh-item-wrap { margin-bottom: 20px }
.gzh-item-wrap:last-child { margin-bottom: 0 }
.yzh-caro-box-wrap { position:relative; float: left; overflow:hidden; height: 120px; }
.yzh-caro-box-scroll { padding-right: 114px; }
.yzh-caro-box-scroll .yzh-caro-box-wrap { position:relative; overflow:hidden; width:840px; float: none }
.yzh-caro-box-scroll .yzh-caro-box-wrap ul { width: 3000px; position: absolute; }
.yzh-caro-box-scroll .yzh-caro-slide-add { position: absolute; right:40px; top:0; width:120px; }
.yzh-icon-5003 { background-position: 0 -72px; }/*全民营销*/
.yzh-icon-5002 { background-position: 0 -136px; }/*移动销售*/
.yzh-icon-5020 { background-position: 0 -200px; }/*秒杀活动*/
.yzh-hdyx-icon { background-position: 0 -264px; }/*互动游戏*/
.yzh-dzf-icon { background-position: 0 -328px; }/*代支付*/
.yzh-icon-5008 { background-position: 0 -392px; }/*小蜜蜂*/
.yzh-other-icon { background-position: 0 -455px; }/*第三方渠道*/
.yzh-add-icon { background-position: 0 -519px; }/*添加应用*/
.yzh-jcsz-icon { background-position: 0 -583px; }/*基础设置*/
.yzh-cdgl-icon { background-position: 0 -647px; }/*菜单管理*/
.yzh-xxhf-icon { background-position: 0 -711px; }/*消息回复*/
.yzh-sck-icon { background-position: 0 -775px; }/*素材库*/
.yzh-qdgj-icon2 { background-position: 0 -1853px; }/* 渠道管家 */
.yzh-wgzl-icon { background-position: 0 -1918px; }/* 外购资料 */
.yzh-zbcx-icon { background-position: 0 -1984px; }/* 直销传播 */
.yzh-wcj-icon { background-position: 0 -2050px; }/* 微场景 */
.yzh-gzsz-icon { background-position: 0 -2117px; }/* 规则设置 */
.yzh-pksh-icon { background-position: 0 -2183px; }/* 判客审核 */
.yzh-kffp-icon { background-position: 0 -2249px; }/* 客户分配 */
.yzh-yjgl-icon { background-position: 0 -2315px; }/* 佣金管理 */
.yzh-sscl-icon { background-position: 0 -2382px; }/* 申诉处理 */
.yzh-sjzx-icon { background-position: 0 -2448px; }/* 数据中心 */
.yzh-zsslc-icon { background-position: 0 -2514px; }/* 掌上售楼处 */
.yzh-hdyx-icon2 { background-position: 0 -2580px; }/* 互动游戏 */
.yzh-sfpt-icon { background-position: 0 -2647px; }/* 第三方平台 */
.yzh-dzf-icon2 { background-position: 0 -2713px; }/* 代支付 */
.yzh-yykf-icon { background-position: 0 -2778px; }/* 预约看房 */
.yzh-xsjl-icon { background-position: 0 -2845px; }/* 销售经理 */
.yzh-yyms-icon { background-position: 0 -2912px; }/* 一元秒杀 */
.yzh-dzp-icon { background-position: 0 -2979px; }/* 大转盘 */
.yzh-ggl-icon { background-position: 0 -3045px; }/* 刮刮乐 */
.yzh-qhb-icon { background-position: 0 -3111px; }/* 抢红包 */
.yzh-lbhb-icon { background-position: 0 -3177px; }/* 裂变红包 */
.yzh-ydgk-icon { background-position: 0 -3245px; }/* 移动跟客 */
.yzh-dsfjr-icon { background-position: 0 -3312px; }/*第三方接入*/
.yzh-tjms-icon { background-position: 0 -1544px; } /* 特价秒杀 */
.yzh-icon-5021 { background-position: 0 -1606px; } /* 认筹理财 */
.yzh-icon-5030 { background-position: 0 -3381px; } /* 旺财宝 */
.yzh-icon-5001, .yzh-icon-5009 { background-position: 0 -1668px; }  /* 微楼书 */
.yzh-add-qmyx-icon { background-position: 0 -1728px; }
.yzh-add-ydxs-icon { background-position: 0 -1788px; }
.yzh-yjsq-icon{background-position: 0 -3450px; }
.gzh-type { color: #ff7713; margin-left: 20px; }
.gzh-error-icon{padding-left: 100px;background: url(../images/icon/icon_tip.png) no-repeat 0 -10px;min-height: 110px;}
.gzh-tip i{background: url(../images/icon/pop_state.png) no-repeat;width: 16px;height: 18px;display: inline-block;  vertical-align: middle;  }
.gzh-tip .gzh-tip-error{background-position: -16px 0;  background-size: 48px 16px;}
.gzh-tip .gzh-tip-warn{background-position: -32px 0;background-size: 48px 16px;}
.gzh-unbind {margin-left: 20px;}
.gzh-unbind .word{color:#A1A1A1;}
.gzh-unbind .jump{margin-left: 10px;color: #ff7713;}
.gzh-soon-expired .word{color:#A1A1A1;}
.gzh-expired .word{color:#A1A1A1;}
.gzh-fail .word{color:#A1A1A1;}
.tip-layer{
    position: absolute;
    color: #000;
    background: #fcfcfc;
    border: 1px solid #e0e0e0;
    z-index: 20;
    margin-top: -90px;
    margin-left: 140px;
    padding: 0 10px;
}
.tip-layer:after, .tip-layer:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
    top:100%
}

.tip-layer:after {
    border-width: 9px;
    border-top-color: #fcfcfc;
    margin-left: -9px;
}

.tip-layer:before {
    border-width: 10px;
    border-top-color: #e0e0e0;
    margin-left: -10px;
}
/*.tip-top-icon{*/
    /*border: 10px solid transparent;*/
    /*border-left-color: #f00;*/
    /*width: 0;*/
    /*height: 0;*/
    /*position: absolute;*/
    /*top:-9px;*/
    /*left: 28px;*/
/*}*/
.gzh-solution { position: relative; overflow: hidden; height: 160px; }
.caro-slide-btn { outline: none; cursor: default; width: 17px; height: 32px; text-indent: -9999px; position: absolute; top:50%; margin-top: -16px; cursor: pointer; }
.yzh-caro-prev { background-position: -3px -897px; left: 10px; }
.yzh-caro-next { background-position: -37px -897px; right: 10px }
.yzh-empty-tip { text-align: center; padding: 50px 0; }
.yzh-solution-txt { display: block; border: 1px solid #cbcbcb; border-radius: 10px; height: 16px; line-height: 16px; text-align: center; padding: 2px 4px; margin: 8px 15px 0; font-size: 14px; }
.banner-list li { float: left; margin: 0 12px 0 0; }
.banner-list li.last { margin-right: 0; }
.yzh-main-dynamic { float: left; width: 325px; margin-right: 25px; font-weight: bold; }
.yzh-main-dynamic-last { margin-right: 0; }
.yzh-main-dynamic h4 { height: 40px; line-height: 40px; background: #f7f7f7; font-size: 14px; padding-left: 12px; font-weight: bold; }
.yzh-main-dynamic p { line-height: 26px; text-indent: 12px; }
.yzh-main-dynamic p a { color: #333; }
.yzh-main-dynamic p a:hover { text-decoration: underline; }
.yzh-main-dynamic p.more { text-align: right; }
.yzh-main-dynamic p.more a { color: #0077cc; }
.gzh-solution-slide li { margin: 0 10px; }
.gzh-solution-slide li a i { width: 86px; height: 86px; }
.gzh-solution-slide a:hover .yzh-solution-txt { border-color: #ff7713; background-color: #ff7713; color: #fff }
.yzh-qdgj-icon { background-position: 0 -937px; }
.yzh-ydac-icon { background-position: 0 -1027px; }
.yzh-solution-dzf-icon { background-position: 0 -1118px; }
.yzh-yfw-icon { background-position: 0 -1209px; }
.yzh-xfzdc-icon { background-position: 0 -1300px; }
.yzh-o2o-icon { background-position: 0 -1390px; }
.tb-slide-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: .5; line-height: 130px; }
.tb-slide-control:focus, .tb-slide-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; }
.tb-slide-control-icon { width: 20px; height: 30px; opacity: 0.8; }
.tb-slide-control:hover a.tb-slide-control-icon { opacity: 1; }
.tb-slide-prev-icon { background-position: 0 -1506px; margin-left: -50px; }
.tb-slide-next-icon { background-position: -30px -1506px; margin-right: -50px; }
.tb-slide-prev { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.tb-slide-next { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.tb-slide-btn { position: absolute; bottom: 5px; left: 0; /* bottom: 10px; */
    width: 100%; text-align: center; letter-spacing: 1px; }
.tb-slide-btn a { display: inline-block; width: 10px; height: 10px; margin: 1px 3px; text-indent: -9999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; }
.tb-slide-btn a.tb-slide-on { width: 10px; height: 10px; background-color: #fff; }
.tb-slide-img { height: 130px; width: 100%; }
.tb-slide-ul { position: relative; white-space: nowrap; }
.tb-slide-ul li { height: 130px; width: 1030px; display: inline-block;}
.step-info .step-for { float: left; line-height: 30px; font-size: 14px; }
.step-info .step-wrap { margin-left: 90px; }
.steps { width: 100%; }
.steps td { height: 30px; line-height: 30px; width: 1%; text-align: center; }
.steps td div { position: relative; width: 100%; height: inherit; line-height: inherit; background: #E4E4E4; font-size: 14px; }
.steps .after, .steps .before { position: absolute; top: 0; width: 0; height: 0; display: block; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
.steps .before { left: 0; z-index: 2; border-left: 15px solid #fff; }
.steps .after { right: -14px; z-index: 3; border-left: 15px solid #E4E4E4; }
.steps td.active div { background: #FF7713; color: #fff; }
.steps td.active .after { border-left: 15px solid #FF7713; }
.steps td { padding-left: 4px; }
.steps td.first-step { padding-left: 0; }
.setp-ctrl { position: absolute; left: 20px; right: 0; height: 55px; z-index: 100;margin-top: 70px; }
.setp-ctrl .btns { display: table; margin: 10px auto; }
.setp-ctrl a { display: inline-block; width: 110px; height: 33px; line-height: 33px; border-radius: 5px; margin: 0 6px; font-size: 14px; text-align: center; text-decoration: none; color: #fff; background-color: #FF7713; border-color: #FF7713; }
.setp-ctrl a.cancel { color: #333; background-color: #fff; min-width: 80px; height: 33px; margin-right: 10px; border: 1px solid #ccc; }
a.go-wx { position: relative; color: #07c; font-size: 14px; }
.api p { margin: 0; padding: 10px 100px 10px 20px; color: #333; }
.plat-step-no { width: 48px; height: 48px; text-align: center; line-height: 48px; color: #fff; border-radius: 48px; background: #FFA931; }
.plat-step-line { position: absolute; top: 20px; left: 44px; z-index: -1; height: 100%; border-left: 1px solid #d9d9d9; }
.plat-step { position: relative; padding: 20px; vertical-align: top; }
.plat h5 { margin: 0; padding-top: 39px; padding-bottom: 20px; color: #000; }
.cat-title { font-size: 16px; padding: 10px 0; }
.cat-body { padding: 10px; background: #F7F7F7; border: 1px solid #D9D9D9; }
.appname { font-size: 14px; color: #000; }
.flow { padding: 10px 10px 0 0; margin-bottom: 10px; }
.flow a { position: relative; float: left; height: 28px; padding-left: 30px; padding-right: 20px; line-height: 28px; background-color: #FF7713; color: #fff; text-decoration: none; }
.flow a em.icon-add { position: absolute; left: 10px; top: -2px; font-size: 20px; font-weight: bold; font-style: normal; }
.bind { width: 100%; }
.cat-title .icon-cat { position: relative; top: 5px; float: left; width: 14px; height: 14px; margin-right: 5px; }
.cat-title .icon-cat:before, .cat-title .icon-cat:after { position: absolute; display: block; width: 6px; height: 6px; content: ''; background-color: #CBCBCB; }
.cat-title .icon-cat:after { top: 8px; left: 8px; background-color: #FF7612; }
.grid-header-left-line { padding-left: 10px; }
.grid-header-left-line:before { position: absolute; top: 8px; left: 0; display: block; width: 4px; height: 15px; background: #ff7713; content: ''; }
/*租户首页-添加应用*/
.yzh-app-item-left { padding-right: 5px; width: 140px; }
.yzh-app-item-right { width: 830px; min-height: 90px; border-left: 1px solid #ddd; padding-left: 15px; }
.yzh-app-box { border: 1px solid #ddd; padding:20px 15px; margin-bottom: 10px; }
.yzh-app-item { border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 15px; }
.yzh-app-box .yzh-app-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.yzh-add-app-icon { width: 61px; height: 61px; }
.flow { padding: 10px 10px 0 0; margin-bottom: 10px; }
.flow-cell { position: relative; float: left; padding: 3px 30px 3px 10px; margin: 0 10px 10px 0; border: 1px solid #D9D9D9; font-size: 14px; color: #333; background: #fff; }
.flow-cell em { position: absolute; right: 5px; top: 2px; font-style: normal; color: #999; cursor: pointer; font-size: 20px; line-height: 1em; }
.warp-content { position: relative; min-height: 500px; padding-bottom: 80px; }
